<!--
 * @Author       : wfl
 * @LastEditors  : wfl
 * @description  :
 * @updateInfo   :
 * @Date         : 2022-11-02 16:23:01
 * @LastEditTime : 2023-12-21 09:59:59
-->
<script lang="ts" setup name="IkPageMain">
defineProps({
  isAbsolute: {
    type: Boolean,
    default: true
  },
  height: {
    type: String,
    default: '100%'
  },
  fixed: {
    type: Boolean,
    default: false
  }
})
</script>

<template>
  <div class="gl-padding ik-page-main" :style="{ height }" :class="[isAbsolute ? 'gl-absolute-container' : 'gl-container', fixed ? 'fixed-height' : null]">
    <slot></slot>
  </div>
</template>

<style lang="scss">
.ik-page-main{
  .el-table {
    // 使分页始终在最底部
    flex: 1;

    tbody{
      tr{
        content-visibility: auto;
      }
    }
  }
}
</style>
